$(function(){
	var jsonStr=getCookieValueByKey("NAME");
	if(jsonStr){
		$("#login").text(jsonStr);
		$("#register").text("退出");
	}
	
	$("#register").on("click",function(evt){
		if($(this).html()=="退出"){
			evt.preventDefault();
			removeCookie("NAME");
			$("#login").text("登录");
			$("#register").text("注册");
		}		
	})
	
	//给滚动条加动画
	$(document).scroll(function(){		
		if($(this).scrollTop()>50){
			$(".scroll").slideDown("1s");
			$(".scroll").on("click",function(){
				$(document).scrollTop(0);
			})
		}else{
			$(".scroll").slideUp("1s");
		}
	})
	
	
	//左边小图标的显示与隐藏
		$("#left .li2").on("mouseenter",function(){		
			$(".nav2").css({width:74,height:"100%",opacity:1})								
		})
		$("#left .li2").on("mouseleave",function(){		
			$(".nav2").css({width:0,height:0,opacity:0})								
		})
	//右边小图标的显示与隐藏
		$("#right").find(".li2").find("a").on("mouseenter",function(){
			$(this).siblings(".nav2").css({"left":"-230px",opacity:1,display:"block"})
		})
		 $("#right").find(".li2").find("a").on("mouseleave",function(){
			$(this).siblings(".nav2").css({"left":"-300px",opacity:0,display:"none"})
		})

	//搜索框（百度一下）
//拼接参数
	function params(obj){
		var str="";
		for(var key in obj){
			str+=key+"="+obj[key]+"&";
		}
		return str;
	}
	//https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=miqi&cb=fn
	function jsonp(url,data,callback,fn){//注意传参时，每一项都要写，
		//1.生成随机函数名
		var tempName="jq"+parseInt(Math.random()*1000);//随机函数名
		window[tempName]=fn;

		//2.拼接字符串
		var tempParam=params(data);
		
		//3.拼接参数
		var tempUrl="";
		if(tempParam.length>0){
			tempUrl=url+"?"+tempParam+callback+"="+tempName;
		}
		else{
			tempUrl=url+"?"+callback+"="+tempName;
		}
		
		//4.创建script
		var oScript=document.createElement("script");
	    oScript.setAttribute("src", tempUrl);
	    document.body.appendChild(oScript);
	   //5数据出来后讲script以及src去除掉
	    oScript.onload = function () {
	        this.remove();
	       delete(window.fn)
	    }		
	}
	$("#search").find("#btn").on("click",function(){
			//注意传参时，每一项都要写，
		jsonp("https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",{"wd":""+$("#search").find("#text").val()+""},"cb",function(obj){					
			 for(var i=0;i<obj.s.length;i++){
			 	var ul=$("#search").find("ul").append("<li>"+obj.s[i]+"</li>");				 	
			 }
			 ul.children().on("click",function(){
			 	$("#search").find("#text").val($(this).html());
			 	$(this).parent().children().remove();
			 })
		});
	})	
	$("#search").find("span").on("click",function(){
		$("#search").slideUp();
	})
	
	$(".search-btn").on("click",function(){
		$("#search").slideDown();
	})
	
	
	
	//设置定时器自动播放banner图
		var timer=setInterval(autoplay,2000);
		var a=0;		
		var $li=$('.banner ul li');	
		function autoplay(){
			a++;						
			if(a==3){a=0}			
			$($li[a]).addClass("active").siblings().removeClass("active");
			$(".bottom li").eq(a).addClass("active").siblings().removeClass("active");
//			console.log(a)
		}
		//移入banner图
		$(".banner").on("mouseenter",function(){
			clearInterval(timer);//清除定时器
			$("#move ").css({"opacity":1});	//除了自己显示，其他兄弟全部透明	
			//点击左边按钮
			$(".left").on("click",function(){
				if(a!=0){
					a--;
					$($li[a]).addClass("active").siblings().removeClass("active");	
					$(".bottom li").eq(a).addClass("active").siblings().removeClass("active");
					
				}
			});
			//点击右边按钮
			$(".right").on("click",function(){
				if(a!=3){
					a++;
					$($li[a]).addClass("active").siblings().removeClass("active");	
					$(".bottom li").eq(a).addClass("active").siblings().removeClass("active");
					
				}
			})				
		})
		//移出banner图
		$(".banner").on("mouseleave",function(){	
			timer=setInterval(autoplay,2000);
			$("#move").css({"opacity":0});
		})
		
		var hhs=document.getElementsByClassName("hh");
		for(var i=0;i<hhs.length;i++){			
			hhs[i].index=i;
			console.log(hhs[i].index);
			
		}
								
		//show和hide
		$(".ma").on("click",function(){		
			$(".ma").removeClass("fff");
			$(this).addClass("fff");
			
			$(".show").remove();
			var $div=$(this).parent(".col").append("<div class='show'><img src='"+$(this).find("img").attr("src")+"' class='dd'><div id='b'><h2><a href='javascript:void(0)' >"+$(this).find("h2").html()+"</a></h2><p><a href='javascript:void(0)' >"+$(this).find("p").html()+"</a></p><div class='car-wrap'><a class='lin' target='_blank' onclick=list(this) >查看详情&gt;&gt;</a><a href='javascript:void(0)'class='carbtn' onclick=add(this)></a></div><img src='"+$(this).find("img").attr("src")+"' /></div><span></span></div>");
			
			$.ajax({
				type:"get",
				url:"../json/shop.json",
				async:true,
				success:function(res){
					console.log(res)
					var dataa=res;
					var ma=document.getElementsByClassName("ma");
					for(var i=0;i<18;i++){
						ma[i].dataa=dataa[i];	//每个hh对象，绑定了一个dataa的属性，里面有一条记录
//						console.log(ma[i])
					}
					var lin=$div.find(".show").find("a")[2];	
					var id=$(lin).parents(".show").siblings(".fff")[0].dataa.id;					
					$(lin).attr("href","list.html?id="+id);
				}
			})
			
			
			$div.find(".show").css({"z-index":5,"opacity":1})
			$div.find(".show").show("1s");
			$div.find(".show").find(".dd").css({
				"width":0,
				"opacity":0
			});
			$div.find(".show").find("#b").css({"height":0,"opacity":0});
			$div.find(".show").find("span").css({"left":0});
			$div.find(".show").find("span").animate({
				"left":"280px","opacity":1
			},1000);
			$div.find(".show").find(".dd").animate({
				"width":"320px",
				"opacity":1
			},1000,function(){
				$div.find(".show").find("#b").animate({
					"height":"400px",
					"opacity":1
				})
			});
			
			$div.find(".show").find("span").on("click",function(){
				
				$div.find(".show").find("#b").animate({
					"height":0,
					"opacity":0
				},1000,function(){
					$div.find(".show").find("span").animate({
						"left":0,"opacity":0
					},1000);
					$div.find(".show").find(".dd").animate({
						"width":0,
						"opacity":0
					},1000,function(){
						$div.find(".show").hide()
					})
				
				})
			})
			
			
		})			
			
		
		$.ajax({
			type:"get",
			url:"../json/购物车.json",
			async:true,
			success:function(res){
//				console.log(res)
				var data=res;			
				var ma=document.getElementsByClassName("ma");			
				for(var i=0;i<18;i++){
					ma[i].data=data[i];   //ma是一个DOM对象，对象可以动态扩展属性，所以扩展了一个data属性
//					console.log(ma[i].data)   //obj
					$(".ma").eq(i).find(".image").find("img").attr("src",ma[i].data.src);
					$(".ma").eq(i).find("h2").html(ma[i].data.name);
					$(".ma").eq(i).find(".info").find(".pp").html(ma[i].data.pp);								
				}
			
			}
		});	
		
		
		
		
		//获取购物车里商品的总数目
		var arr=[];
		var num=0;
		for(var i=0;i<35;i++){
			arr.push(getCookieValueByKey("No."+i));
			if(arr[i]){
				num+=JSON.parse(arr[i]).num;			
			}
		}
//		console.log(num)
		$(".num").html(num)		
})

//列表详情
function list(ele){
	console.log(ele)
//	var dataa=$(ele)
}


//删除
function add(ele){	
	
	var data=$(".fff")[0].data;
	console.log(data);				
	var jsonStr=getCookieValueByKey("No."+data.id.toString());//根据ID获取本地一条cookie的记录为J，再判断是否本地cookie是否有记录		
	
	if(jsonStr){					
//		//有记录，就让 该对象的num属性+1
//		
		data.num=JSON.parse(jsonStr).num+1;
	}
	else{
//		//没有 如果没有，就动态扩展一个num属性，并且赋予初始值为1
		 data.num=1;
	}

	var date = new Date();
    date.setDate(date.getDate() + 7);
    setCookie("No." + data.id.toString(), JSON.stringify(data), date);//保存到cookie中
    
   
}
